<template>
  <div>
    <Sc>
      <!-- 具名插槽 -->
      <!-- <template #left>
        <h1>这是h1</h1>
      </template> -->
      <!-- <template v-slot:left>
        <h1>这是h1</h1>
      </template> -->
      <!-- <template slot="left">
        <h1>这是h1</h1>
      </template> -->
      <!-- <template #left="obj">
        <p>{{ obj }}</p>
        <h1>{{ obj.age }}</h1>
        <h2>{{ obj.sb }}</h2>
        <a href="">{{ obj.as }}</a>
        <h1>{{ obj.ss }}</h1>
      </template> -->
      <!-- <template v-slot:left="obj">
        <p>{{ obj }}</p>
        <h1>{{ obj.age }}</h1>
        <h2>{{ obj.sb }}</h2>
        <a href="">{{ obj.as }}</a>
        <h1>{{ obj.ss }}</h1>
      </template> -->
      <template slot="left" slot-scope="obj">
        <p>{{ obj }}</p>
        <h1>{{ obj.age }}</h1>
        <h2>{{ obj.sb }}</h2>
        <a href="">{{ obj.as }}</a>
        <h1>{{ obj.ss }}</h1>
      </template>
    </Sc>

    <!-- <h1 ></h1> -->
    <span class="iconfont icon-zhifubao"></span>
  </div>
</template>
<script> 
import Sc from './components/Slot.vue'

export default {
  components: {
    Sc
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
span {
  font-size: 100px;
}
</style>
